<template>
    <div class="aptitude">
         <!-- <mt-header :title="title">
            <router-link to="/" slot="left">
                <mt-button icon="back"></mt-button>
            </router-link>
        </mt-header> -->
        <div class="content">
            <mt-navbar v-model="selected" >
                <mt-tab-item :id="i" v-for="p,i of tabsData" :key="i">{{p.name}}</mt-tab-item>
            </mt-navbar>
            <mt-tab-container v-model="selected">
                <mt-tab-container-item :id="i" v-for="p,i of 6" :key="i">
                   
                </mt-tab-container-item>
            </mt-tab-container>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            title:'塞罕云规则和服务保障',
            tabsData:'',//标签列表
            selected:0,
        }
    },
    mounted(){
        this.gettabsData()
        //   window.onload = function () {
        //     /*1. 理解移动端的手势事件*/
        //     /*2. swipe swipeLeft  swipeRight swipeUp swipeDown */
        //     /*3. 左滑和右滑手势怎么实现*/

        //     // 定义滑动手势函数
        //     var bindSwipeEvent = function (dom, leftCallback, rightCallback) {
        //         /*手势的条件*/
        //         /*1.必须滑动过*/
        //         /*2.滑动的距离50px*/
        //         var isMove = false; // 滑动状态
        //         var startX = 0; // 起始横坐标
        //         var distanceX = 0; // 滑动距离
        //         dom.addEventListener('touchstart', function (e) {
        //             startX = e.touches[0].clientX;
        //         });
        //         dom.addEventListener('touchmove', function (e) {
        //             isMove = true;
        //             var moveX = e.touches[0].clientX;
        //             distanceX = moveX - startX;
        //         });
        //         dom.addEventListener('touchend', function (e) {
        //             /*滑动结束*/
        //             // 滑动距离必须大于50px
        //             if (isMove && Math.abs(distanceX) > 50) {
        //                 // 判断左右滑动
        //                 if (distanceX > 0) {
        //                     rightCallback && rightCallback.call(this, e);
        //                 } else {
        //                     leftCallback && leftCallback.call(this, e);
        //                 }
        //             }
        //             /*重置参数*/
        //             isMove = false;
        //             startX = 0;
        //             distanceX = 0;
        //         });
        //     }
        //     // 调用滑动手势函数
        //     bindSwipeEvent(document.querySelector('.box'),
        //         function (e) {
        //             console.log(e);
        //             console.log('左滑手势');
        //         },
        //         function (e) {
        //             console.log(e);
        //             console.log('右滑手势');
        //         });
        // }
    },
    methods:{
        //获取tab标签列表
        gettabsData(){
            this.axios.get('/operate/sys/lable/list').then(res=>{
                this.tabsData=res.data.List
                console.log('tabsData',this.tabsData)
            })
        },  

    },
    watch:{
        
    }
}
</script>

<style scoped>
.aptitude{
    background: #f7f7f8;
    min-height: 100vh;
}
.content{
    border-top: 1px solid #f7f7f8;
    /* margin-top: .15rem; */
}
</style>